.reg-main {
    width : 1000px;
    margin: 0 auto;
}

.header {
    height       : 90px;
    line-height  : 90px;
    border-bottom: 2px solid #c5c5c5;

    .left {
        margin-top: 20px;
    }

    .right {
        a:first-child{
            color: #325e8f;
            
        }
        a:nth-child(2) {
            color : #000000;
            margin: 0 32px 0 16px;
        }

        a:last-child {
            color: #cf0404;
        }

        img {
            vertical-align: middle;
        }
    }
}

.body {
    height     : 572px;
    background : url(./../images/reg/login_bg.gif);
    width      : 100%;
    padding-top: 25px;
    background-repeat: repeat;
    .reg-box {
        height    : 560px;
        border    : 6px solid #dddddd;
        background: #ffffff;

        .left {
            position    : relative;
            width       : 600px;
            height      : 566px;
            overflow    : hidden;
            border-right: 1px solid #dcdcdc;

            ul {
                height        : 35px;
                width         : 515px;
                margin        : 33px auto 0 auto;
                padding-bottom: 15px;
                border-bottom : 1px solid #ddd;

                li {
                    position    : relative;
                    float       : left;
                    width       : 257px;
                    height      : 23px;
                    text-align  : center;
                    font-size   : 14px;
                    border-right: 1px solid #ddd;

                    a {
                        display: block;
                        width  : 100%;
                        color  : #333333;

                        img {
                            vertical-align: middle;
                        }
                    }

                    .icon {
                        position: absolute;
                        left    : 0;
                        bottom  : -26px;
                        width   : 100%;
                        height  : 7px;
                    }
                }
            }

            .formbox {
                position: absolute;
                width   : 200%;
                label.error {
                    color: red;
                }
                form {
                    float      : left;
                    width      : 600px;
                    padding-top: 34px;
                    overflow   : hidden;

                    .msgbox {
                        width : 400px;
                        margin: 0 auto;

                        .uphone {
                            position   : relative;
                            margin-top : -1px;
                            width      : 450px;
                            height     : 52px;
                            line-height: 52px;
                            font-size  : 16px;
                            border     : 0px;

                            input {
                                width         : 240px;
                                border        : 1px solid #dcdcdc;
                                height        : 35px;
                                line-height   : 24px;
                                padding-bottom: 3px;
                                background    : transparent;
                                vertical-align: middle;
                                text-indent   : 20px;
                            }
                        }

                        .uyzm {
                            @extend .uphone;

                            input {
                                width: 160px;
                            }
                        }

                        .ujym {
                            @extend .uphone;

                            input {
                                width: 160px;
                            }
                        }

                        .upwd {
                            @extend .uphone
                        }

                        .utpwd {
                            @extend .uphone
                        }

                        .fs {
                            height     : 40px;
                            line-height: 40px;
                        }

                        .btn {
                            display      : block;
                            width        : 348px;
                            height       : 42px;
                            text-align   : center;
                            line-height  : 42px;
                            color        : #fff;
                            font-size    : 14px;
                            border       : 1px solid #a8221f;
                            border-radius: 2px;
                            box-shadow   : inset 0 0 1px rgba(255, 255, 255, 0.9);
                            cursor       : pointer;
                            background   : #fa413f;
                        }
                    }
                }
            }
        }

        .right {
            margin-top : 83px;
            margin-left: 35px;
            width      : 300px;
            height     : 356px;
            text-align : center;
            float: left;
            img{
                height: 356px;
                width: 300px;
            }
        }
    }
}

.footer {
    background: #f2f2f2;

    .footerbox {
        padding-top: 50px;
        text-align : center;
        line-height: 22px;


        a {
            color  : #333333;
            display: inline-block;
            margin : 0 10px;
        }
    }
}